<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>领券中心</title>
    <link rel="stylesheet" href="../font-awesome-4.7.0/css/font-awesome.min.css">
    <link rel="stylesheet" href="../css/youhuicss.css">
    <link rel="stylesheet" href="../css/iconfont.css">



</head>

<body>
        
    <div class="header">
        <a href="../index.html">
            <i class="fa fa-angle-left"></i>
        </a>
        <div class="header-title"><span>领券中心</span></div>
        <div><span class="change">兑换</span></div>
    </div>
    <div class="show-ban">
        <div class="fenlei">
            <div class="tet">全部分类</div>
            <div class="fa fa-angle-up"></div>
        </div>
        <div class="fenlei1">
            <ul>
                <li class="active1">全部</li>
                <li>百联到家</li>
                <li>食品生鲜</li>
                <li>优选好店</li>
            </ul>
        </div>
    </div>
    <div class="nav-top">
        <ul class="nav-list">
            <li>
                <div class="card-word active">全部</div>
            </li>
            <li>
                <div class="card-word">
                    精选
                </div>
            </li>
            <li>
                <div class="card-word">
                    百联到家
                </div>
            </li>
            <li>
                <div class="card-word">
                    食品生鲜
                </div>
            </li>
            <li>
                <div class="card-word">
                    美妆母婴
                </div>
            </li>
            <li>
                <div class="card-word">
                    优选好店
                </div>
            </li>
        </ul>
        <div class="show">
            <i class="fa fa-angle-down"></i>
        </div>
    </div>
    <div class="context">
        <div class="coupun">
            <ul>
                <li>
                    <div class="big">
                        <div class="price">
                            <div class="money">
                                <div class="RMB">￥</div>
                                <div class="bumber">8</div>
                            </div>
                            <div class="di">抵用券</div>
                        </div>
                        <div class="big-name">
                            <div class="delivery">
                                【仅配送订单使用】到家指定门店满39元减8元抵用券
                            </div>
                            <button>适用商品</button>
                        </div>
                    </div>
                    <div class="banyuan"></div>
                    <div class="banyuan1"></div>
                    <div class="small">
                        <div class="skilltext">已抢50%</div>
                        <div class="skillbar">
                            <div class="filled" style="width:50%"></div>
                        </div>
                        <div class="cou-button">
                            <button>立即领取</button>
                        </div>
                    </div>
                </li>
                
                <li>
                    <div class="big tebie">
                        <div class="price">
                            <div class="money">
                                <div class="RMB">￥</div>
                                <div class="bumber">6</div>
                            </div>
                            <div class="di">运费券</div>
                        </div>
                        <div class="big-name">
                            <div class="delivery">
                                到家满18减6元运费券
                            </div>
                            <button>适用商品</button>
                        </div>
                    </div>
                    <div class="banyuan"></div>
                    <div class="banyuan1"></div>
                    <div class="small tebie">
                        <div class="skilltext">已抢78%</div>
                        <div class="skillbar">
                            <div class="filled" style="width:78%"></div>
                        </div>
                        <div class="cou-button">
                            <button>立即领取</button>
                        </div>
                    </div>
                </li>
                <li>
                    <div class="big">
                        <div class="price">
                            <div class="money">
                                <div class="RMB">￥</div>
                                <div class="bumber">5</div>
                            </div>
                            <div class="di">抵用券</div>
                        </div>
                        <div class="big-name">
                            <div class="delivery">
                                到家指定门店满39元减5元抵用券
                            </div>
                            <button>适用商品</button>
                        </div>
                    </div>
                    <div class="banyuan"></div>
                    <div class="banyuan1"></div>
                    <div class="small">
                        <div class="skilltext">已抢62%</div>
                        <div class="skillbar">
                            <div class="filled" style="width:62%"></div>
                        </div>
                        <div class="cou-button">
                            <button>立即领取</button>
                        </div>
                    </div>
                </li>
                <li>
                    <div class="big">
                        <div class="price">
                            <div class="money">
                                <div class="RMB">￥</div>
                                <div class="bumber">8</div>
                            </div>
                            <div class="di">抵用券</div>
                        </div>
                        <div class="big-name">
                            <div class="delivery">
                                【仅配送订单使用】到家指定门店满39元减8元抵用券
                            </div>
                            <button>适用商品</button>
                        </div>
                    </div>
                    <div class="banyuan"></div>
                    <div class="banyuan1"></div>
                    <div class="small">
                        <div class="skilltext">已抢50%</div>
                        <div class="skillbar">
                            <div class="filled" style="width:50%"></div>
                        </div>
                        <div class="cou-button">
                            <button>立即领取</button>
                        </div>
                    </div>
                </li>
                <li>
                    <div class="big tebie">
                        <div class="price">
                            <div class="money">
                                <div class="RMB">￥</div>
                                <div class="bumber">6</div>
                            </div>
                            <div class="di">运费券</div>
                        </div>
                        <div class="big-name">
                            <div class="delivery">
                                到家满18减6元运费券
                            </div>
                            <button>适用商品</button>
                        </div>
                    </div>
                    <div class="banyuan"></div>
                    <div class="banyuan1"></div>
                    <div class="small tebie">
                        <div class="skilltext">已抢78%</div>
                        <div class="skillbar">
                            <div class="filled" style="width:78%"></div>
                        </div>
                        <div class="cou-button">
                            <button>立即领取</button>
                        </div>
                    </div>
                </li>
                <li>
                    <div class="big">
                        <div class="price">
                            <div class="money">
                                <div class="RMB">￥</div>
                                <div class="bumber">5</div>
                            </div>
                            <div class="di">抵用券</div>
                        </div>
                        <div class="big-name">
                            <div class="delivery">
                                到家指定门店满39元减5元抵用券
                            </div>
                            <button>适用商品</button>
                        </div>
                    </div>
                    <div class="banyuan"></div>
                    <div class="banyuan1"></div>
                    <div class="small">
                        <div class="skilltext">已抢62%</div>
                        <div class="skillbar">
                            <div class="filled" style="width:62%"></div>
                        </div>
                        <div class="cou-button">
                            <button>立即领取</button>
                        </div>
                    </div>
                </li>
                <li>
                    <div class="big">
                        <div class="price">
                            <div class="money">
                                <div class="RMB">￥</div>
                                <div class="bumber">8</div>
                            </div>
                            <div class="di">抵用券</div>
                        </div>
                        <div class="big-name">
                            <div class="delivery">
                                【仅配送订单使用】到家指定门店满39元减8元抵用券
                            </div>
                            <button>适用商品</button>
                        </div>
                    </div>
                    <div class="banyuan"></div>
                    <div class="banyuan1"></div>
                    <div class="small">
                        <div class="skilltext">已抢50%</div>
                        <div class="skillbar">
                            <div class="filled" style="width:50%"></div>
                        </div>
                        <div class="cou-button">
                            <button>立即领取</button>
                        </div>
                    </div>
                </li>
                <li>
                    <div class="big tebie">
                        <div class="price">
                            <div class="money">
                                <div class="RMB">￥</div>
                                <div class="bumber">6</div>
                            </div>
                            <div class="di">运费券</div>
                        </div>
                        <div class="big-name">
                            <div class="delivery">
                                到家满18减6元运费券
                            </div>
                            <button>适用商品</button>
                        </div>
                    </div>
                    <div class="banyuan"></div>
                    <div class="banyuan1"></div>
                    <div class="small tebie">
                        <div class="skilltext">已抢78%</div>
                        <div class="skillbar">
                            <div class="filled" style="width:78%"></div>
                        </div>
                        <div class="cou-button">
                            <button>立即领取</button>
                        </div>
                    </div>
                </li>
                <li>
                    <div class="big">
                        <div class="price">
                            <div class="money">
                                <div class="RMB">￥</div>
                                <div class="bumber">5</div>
                            </div>
                            <div class="di">抵用券</div>
                        </div>
                        <div class="big-name">
                            <div class="delivery">
                                到家指定门店满39元减5元抵用券
                            </div>
                            <button>适用商品</button>
                        </div>
                    </div>
                    <div class="banyuan"></div>
                    <div class="banyuan1"></div>
                    <div class="small">
                        <div class="skilltext">已抢62%</div>
                        <div class="skillbar">
                            <div class="filled" style="width:62%"></div>
                        </div>
                        <div class="cou-button">
                            <button>立即领取</button>
                        </div>
                    </div>
                </li>
                <li id="end">
                        
                    </li>
            </ul>
        </div>
        <div class="coupun">
            <ul>
               
                <li>
                    <div class="big tebie">
                        <div class="price">
                            <div class="money">
                                <div class="RMB">￥</div>
                                <div class="bumber">6</div>
                            </div>
                            <div class="di">运费券</div>
                        </div>
                        <div class="big-name">
                            <div class="delivery">
                                到家满18减6元运费券
                            </div>
                            <button>适用商品</button>
                        </div>
                    </div>
                    <div class="banyuan"></div>
                    <div class="banyuan1"></div>
                    <div class="small tebie">
                        <div class="skilltext">已抢78%</div>
                        <div class="skillbar">
                            <div class="filled" style="width:78%"></div>
                        </div>
                        <div class="cou-button">
                            <button>立即领取</button>
                        </div>
                    </div>
                </li>
                <li>
                    <div class="big">
                        <div class="price">
                            <div class="money">
                                <div class="RMB">￥</div>
                                <div class="bumber">5</div>
                            </div>
                            <div class="di">抵用券</div>
                        </div>
                        <div class="big-name">
                            <div class="delivery">
                                到家指定门店满39元减5元抵用券
                            </div>
                            <button>适用商品</button>
                        </div>
                    </div>
                    <div class="banyuan"></div>
                    <div class="banyuan1"></div>
                    <div class="small">
                        <div class="skilltext">已抢62%</div>
                        <div class="skillbar">
                            <div class="filled" style="width:62%"></div>
                        </div>
                        <div class="cou-button">
                            <button>立即领取</button>
                        </div>
                    </div>
                </li>
                
                <li>
                    <div class="big">
                        <div class="price">
                            <div class="money">
                                <div class="RMB">￥</div>
                                <div class="bumber">5</div>
                            </div>
                            <div class="di">抵用券</div>
                        </div>
                        <div class="big-name">
                            <div class="delivery">
                                到家指定门店满39元减5元抵用券
                            </div>
                            <button>适用商品</button>
                        </div>
                    </div>
                    <div class="banyuan"></div>
                    <div class="banyuan1"></div>
                    <div class="small">
                        <div class="skilltext">已抢62%</div>
                        <div class="skillbar">
                            <div class="filled" style="width:62%"></div>
                        </div>
                        <div class="cou-button">
                            <button>立即领取</button>
                        </div>
                    </div>
                </li>
                <li>
                    <div class="big">
                        <div class="price">
                            <div class="money">
                                <div class="RMB">￥</div>
                                <div class="bumber">8</div>
                            </div>
                            <div class="di">抵用券</div>
                        </div>
                        <div class="big-name">
                            <div class="delivery">
                                【仅配送订单使用】到家指定门店满39元减8元抵用券
                            </div>
                            <button>适用商品</button>
                        </div>
                    </div>
                    <div class="banyuan"></div>
                    <div class="banyuan1"></div>
                    <div class="small">
                        <div class="skilltext">已抢50%</div>
                        <div class="skillbar">
                            <div class="filled" style="width:50%"></div>
                        </div>
                        <div class="cou-button">
                            <button>立即领取</button>
                        </div>
                    </div>
                </li>
                <li>
                    <div class="big tebie">
                        <div class="price">
                            <div class="money">
                                <div class="RMB">￥</div>
                                <div class="bumber">6</div>
                            </div>
                            <div class="di">运费券</div>
                        </div>
                        <div class="big-name">
                            <div class="delivery">
                                到家满18减6元运费券
                            </div>
                            <button>适用商品</button>
                        </div>
                    </div>
                    <div class="banyuan"></div>
                    <div class="banyuan1"></div>
                    <div class="small tebie">
                        <div class="skilltext">已抢78%</div>
                        <div class="skillbar">
                            <div class="filled" style="width:78%"></div>
                        </div>
                        <div class="cou-button">
                            <button>立即领取</button>
                        </div>
                    </div>
                </li>
                <li>
                    <div class="big">
                        <div class="price">
                            <div class="money">
                                <div class="RMB">￥</div>
                                <div class="bumber">5</div>
                            </div>
                            <div class="di">抵用券</div>
                        </div>
                        <div class="big-name">
                            <div class="delivery">
                                到家指定门店满39元减5元抵用券
                            </div>
                            <button>适用商品</button>
                        </div>
                    </div>
                    <div class="banyuan"></div>
                    <div class="banyuan1"></div>
                    <div class="small">
                        <div class="skilltext">已抢62%</div>
                        <div class="skillbar">
                            <div class="filled" style="width:62%"></div>
                        </div>
                        <div class="cou-button">
                            <button>立即领取</button>
                        </div>
                    </div>
                </li>
            </ul>
        </div>
        <div class="coupun">
            <ul>
                <li>
                    <div class="big">
                        <div class="price">
                            <div class="money">
                                <div class="RMB">￥</div>
                                <div class="bumber">8</div>
                            </div>
                            <div class="di">抵用券</div>
                        </div>
                        <div class="big-name">
                            <div class="delivery">
                                【仅母婴订单使用】到家指定门店满39元减8元抵用券
                            </div>
                            <button>适用商品</button>
                        </div>
                    </div>
                    <div class="banyuan"></div>
                    <div class="banyuan1"></div>
                    <div class="small">
                        <div class="skilltext">已抢50%</div>
                        <div class="skillbar">
                            <div class="filled" style="width:50%"></div>
                        </div>
                        <div class="cou-button">
                            <button>立即领取</button>
                        </div>
                    </div>
                </li>
                <li>
                    <div class="big tebie">
                        <div class="price">
                            <div class="money">
                                <div class="RMB">￥</div>
                                <div class="bumber">6</div>
                            </div>
                            <div class="di">运费券</div>
                        </div>
                        <div class="big-name">
                            <div class="delivery">
                                到家满18减6元运费券
                            </div>
                            <button>适用商品</button>
                        </div>
                    </div>
                    <div class="banyuan"></div>
                    <div class="banyuan1"></div>
                    <div class="small tebie">
                        <div class="skilltext">已抢78%</div>
                        <div class="skillbar">
                            <div class="filled" style="width:78%"></div>
                        </div>
                        <div class="cou-button">
                            <button>立即领取</button>
                        </div>
                    </div>
                </li>
                
                </ul>
        </div>
        <div class="coupun">
            <ul>
                <li>
                    <div class="big">
                        <div class="price">
                            <div class="money">
                                <div class="RMB">￥</div>
                                <div class="bumber">8</div>
                            </div>
                            <div class="di">抵用券</div>
                        </div>
                        <div class="big-name">
                            <div class="delivery">
                                【仅配送订单使用】到家指定门店满39元减8元抵用券
                            </div>
                            <button>适用商品</button>
                        </div>
                    </div>
                    <div class="banyuan"></div>
                    <div class="banyuan1"></div>
                    <div class="small">
                        <div class="skilltext">已抢50%</div>
                        <div class="skillbar">
                            <div class="filled" style="width:50%"></div>
                        </div>
                        <div class="cou-button">
                            <button>立即领取</button>
                        </div>
                    </div>
                </li>
            </ul>
        </div>
         <div class="coupun">
            <ul>
                <li>
                    <div class="big">
                        <div class="price">
                            <div class="money">
                                <div class="RMB">￥</div>
                                <div class="bumber">8</div>
                            </div>
                            <div class="di">抵用券</div>
                        </div>
                        <div class="big-name">
                            <div class="delivery">
                                【仅母婴订单使用】到家指定门店满39元减8元抵用券
                            </div>
                            <button>适用商品</button>
                        </div>
                    </div>
                    <div class="banyuan"></div>
                    <div class="banyuan1"></div>
                    <div class="small">
                        <div class="skilltext">已抢50%</div>
                        <div class="skillbar">
                            <div class="filled" style="width:50%"></div>
                        </div>
                        <div class="cou-button">
                            <button>立即领取</button>
                        </div>
                    </div>
                </li>
                <li>
                    <div class="big">
                        <div class="price">
                            <div class="money">
                                <div class="RMB">￥</div>
                                <div class="bumber">8</div>
                            </div>
                            <div class="di">抵用券</div>
                        </div>
                        <div class="big-name">
                            <div class="delivery">
                                【仅配送订单使用】到家指定门店满39元减8元抵用券
                            </div>
                            <button>适用商品</button>
                        </div>
                    </div>
                    <div class="banyuan"></div>
                    <div class="banyuan1"></div>
                    <div class="small">
                        <div class="skilltext">已抢50%</div>
                        <div class="skillbar">
                            <div class="filled" style="width:50%"></div>
                        </div>
                        <div class="cou-button">
                            <button>立即领取</button>
                        </div>
                    </div>
                </li>
                <li>
                    <div class="big tebie">
                        <div class="price">
                            <div class="money">
                                <div class="RMB">￥</div>
                                <div class="bumber">6</div>
                            </div>
                            <div class="di">运费券</div>
                        </div>
                        <div class="big-name">
                            <div class="delivery">
                                到家满18减6元运费券
                            </div>
                            <button>适用商品</button>
                        </div>
                    </div>
                    <div class="banyuan"></div>
                    <div class="banyuan1"></div>
                    <div class="small tebie">
                        <div class="skilltext">已抢78%</div>
                        <div class="skillbar">
                            <div class="filled" style="width:78%"></div>
                        </div>
                        <div class="cou-button">
                            <button>立即领取</button>
                        </div>
                    </div>
                </li>
            </ul>
        </div>
        <div class="coupun">
            <ul>
                <li>
                    <div class="big">
                        <div class="price">
                            <div class="money">
                                <div class="RMB">￥</div>
                                <div class="bumber">8</div>
                            </div>
                            <div class="di">抵用券</div>
                        </div>
                        <div class="big-name">
                            <div class="delivery">
                                【仅配送订单使用】到家指定门店满39元减8元抵用券
                            </div>
                            <button>适用商品</button>
                        </div>
                    </div>
                    <div class="banyuan"></div>
                    <div class="banyuan1"></div>
                    <div class="small">
                        <div class="skilltext">已抢50%</div>
                        <div class="skillbar">
                            <div class="filled" style="width:50%"></div>
                        </div>
                        <div class="cou-button">
                            <button>立即领取</button>
                        </div>
                    </div>
                </li>
                <li>
                    <div class="big tebie">
                        <div class="price">
                            <div class="money">
                                <div class="RMB">￥</div>
                                <div class="bumber">6</div>
                            </div>
                            <div class="di">运费券</div>
                        </div>
                        <div class="big-name">
                            <div class="delivery">
                                到家满18减6元运费券
                            </div>
                            <button>适用商品</button>
                        </div>
                    </div>
                    <div class="banyuan"></div>
                    <div class="banyuan1"></div>
                    <div class="small tebie">
                        <div class="skilltext">已抢78%</div>
                        <div class="skillbar">
                            <div class="filled" style="width:78%"></div>
                        </div>
                        <div class="cou-button">
                            <button>立即领取</button>
                        </div>
                    </div>
                </li>
                <li>
                    <div class="big">
                        <div class="price">
                            <div class="money">
                                <div class="RMB">￥</div>
                                <div class="bumber">8</div>
                            </div>
                            <div class="di">抵用券</div>
                        </div>
                        <div class="big-name">
                            <div class="delivery">
                                【仅配送订单使用】到家指定门店满39元减8元抵用券
                            </div>
                            <button>适用商品</button>
                        </div>
                    </div>
                    <div class="banyuan"></div>
                    <div class="banyuan1"></div>
                    <div class="small">
                        <div class="skilltext">已抢50%</div>
                        <div class="skillbar">
                            <div class="filled" style="width:50%"></div>
                        </div>
                        <div class="cou-button">
                            <button>立即领取</button>
                        </div>
                    </div>
                </li>
                <li>
                    <div class="big tebie">
                        <div class="price">
                            <div class="money">
                                <div class="RMB">￥</div>
                                <div class="bumber">6</div>
                            </div>
                            <div class="di">运费券</div>
                        </div>
                        <div class="big-name">
                            <div class="delivery">
                                到家满18减6元运费券
                            </div>
                            <button>适用商品</button>
                        </div>
                    </div>
                    <div class="banyuan"></div>
                    <div class="banyuan1"></div>
                    <div class="small tebie">
                        <div class="skilltext">已抢78%</div>
                        <div class="skillbar">
                            <div class="filled" style="width:78%"></div>
                        </div>
                        <div class="cou-button">
                            <button>立即领取</button>
                        </div>
                    </div>
                </li>
            </ul>
        </div>
    </div>
    <div class="buttom">
        <ul>
            <li class="active2">
                <div class="iconfont icon-lingquanzhongxin"></div>
                <div class="buttom-zi">领券中心</div>
            </li>
            <li>
                <div class="iconfont icon-mendian"></div>
                <div class="buttom-zi">门店券</div>
            </li>
            <li>
                <div class="iconfont icon-wode"></div>
                <div class="buttom-zi">我的优惠券</div>
            </li>
        </ul>
    </div>
</body>
<script src="../js/jquery-3.1.1.js"></script>
<script src="../js/youhuiquan.js"></script>

</html>